<template>
  <a-modal
    :title="title"
    :width="1400"
    :visible="visible"
    :maskClosable="false"
    :confirmLoading="confirmLoading"
    @ok="handleOk"
    @cancel="handleCancel"
  >
    <a-spin :spinning="confirmLoading">
      <!-- 主表单区域 -->
      <a-form :form="form">
        <div>
          <a-collapse v-model="activeKeya">
            <a-collapse-panel header="日志信息" key="1">
              <a-row class="form-row" :gutter="24">
                <a-col :lg="6">
                  <a-form-item label="创建人" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['createBy', validatorRules.createBy]" placeholder="请输入创建人"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="创建日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <j-date
                      placeholder="请选择创建日期"
                      v-decorator="['createTime', validatorRules.createTime]"
                      :trigger-change="true"
                      style="width: 100%"
                    />
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="更新人" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['updateBy', validatorRules.updateBy]" placeholder="请输入更新人"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="更新日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <j-date
                      placeholder="请选择更新日期"
                      v-decorator="['updateTime', validatorRules.updateTime]"
                      :trigger-change="true"
                      style="width: 100%"
                    />
                  </a-form-item>
                </a-col>
              </a-row>
            </a-collapse-panel>
            <a-collapse-panel header="组织信息" key="2">
              <a-row class="form-row" :gutter="24">
                <a-col :lg="6">
                  <a-form-item label="所属部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input
                      v-decorator="['sysOrgCode', validatorRules.sysOrgCode]"
                      placeholder="请输入所属部门"
                    ></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="租户ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query01', validatorRules.query01]" placeholder="请输入租户ID"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="是否有效" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query02', validatorRules.query02]" placeholder="请输入是否有效"></a-input>
                  </a-form-item>
                </a-col>
              </a-row>
            </a-collapse-panel>
            <a-collapse-panel header="订单信息" key="3">
              <a-row class="form-row" :gutter="24">
                <a-col :lg="6">
                  <a-form-item label="订单号" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query03', validatorRules.query03]" placeholder="请输入订单号"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query04', validatorRules.query04]" placeholder="请输入姓名"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query05', validatorRules.query05]" placeholder="请输入电话"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="身份证" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query06', validatorRules.query06]" placeholder="请输入身份证"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="车牌号" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query07', validatorRules.query07]" placeholder="请输入车牌号"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="GPS" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query08', validatorRules.query08]" placeholder="请输入GPS"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="贷款金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query09', validatorRules.query09]" placeholder="请输入贷款金额"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="剩余利息" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query10', validatorRules.query10]" placeholder="请输入剩余利息"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="已还本金" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query11', validatorRules.query11]" placeholder="请输入已还本金"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="欠款金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query12', validatorRules.query12]" placeholder="请输入欠款金额"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="风险等级" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query13', validatorRules.query13]" placeholder="请输入风险等级"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="剩余本金" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query14', validatorRules.query14]" placeholder="请输入剩余本金"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6">
                  <a-form-item label="累计还款" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query15', validatorRules.query15]" placeholder="请输入累计还款"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="6"></a-col>
                <a-col :lg="6"></a-col>
                <a-col :lg="6"></a-col>
                <a-col :lg="6"></a-col>
              </a-row>
            </a-collapse-panel>
            <a-collapse-panel header="催收信息" key="4">
              <a-row class="form-row" :gutter="24">
                <a-col :lg="8">
                  <a-form-item label="催收状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query16', validatorRules.query16]" placeholder="请输入催收状态"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="8">
                  <a-form-item label="催收备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query17', validatorRules.query17]" placeholder="请输入催收备注"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="8">
                  <a-form-item label="上次催收时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input
                      v-decorator="['query18', validatorRules.query18]"
                      placeholder="请输入上次催收时间"
                    ></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="8">
                  <a-form-item label="上次催收人" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input v-decorator="['query19', validatorRules.query19]" placeholder="请输入上次催收人"></a-input>
                  </a-form-item>
                </a-col>
                <a-col :lg="8">
                  <a-form-item label="上次催收方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input
                      v-decorator="['query20', validatorRules.query20]"
                      placeholder="请输入上次催收方式"
                    ></a-input>
                  </a-form-item>
                </a-col>
              </a-row>
            </a-collapse-panel>
          </a-collapse>
        </div>

        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用12" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query21', validatorRules.query21]" placeholder="请输入备用12"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用13" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query22', validatorRules.query22]" placeholder="请输入备用13"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用14" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query23', validatorRules.query23]" placeholder="请输入备用14"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用15" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query24', validatorRules.query24]" placeholder="请输入备用15"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用16" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query25', validatorRules.query25]" placeholder="请输入备用16"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用17" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query26', validatorRules.query26]" placeholder="请输入备用17"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用18" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query27', validatorRules.query27]" placeholder="请输入备用18"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用19" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query28', validatorRules.query28]" placeholder="请输入备用19"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用20" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query29', validatorRules.query29]" placeholder="请输入备用20"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用21" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query30', validatorRules.query30]" placeholder="请输入备用21"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用22" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query31', validatorRules.query31]" placeholder="请输入备用22"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用23" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query32', validatorRules.query32]" placeholder="请输入备用23"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用24" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query33', validatorRules.query33]" placeholder="请输入备用24"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用25" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query34', validatorRules.query34]" placeholder="请输入备用25"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用26" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query35', validatorRules.query35]" placeholder="请输入备用26"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用27" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query36', validatorRules.query36]" placeholder="请输入备用27"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用28" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query37', validatorRules.query37]" placeholder="请输入备用28"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用29" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query38', validatorRules.query38]" placeholder="请输入备用29"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
        <!--<a-col :span="12">-->
        <!--<a-form-item label="备用30" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
        <!--<a-input v-decorator="[ 'query39', validatorRules.query39]" placeholder="请输入备用30"></a-input>-->
        <!--</a-form-item>-->
        <!--</a-col>-->
      </a-form>

      <!-- 子表单区域 -->
      <a-tabs v-model="activeKey" @change="handleChangeTabs">
        <a-tab-pane tab="微信催收记录" :key="refKeys[0]" :forceRender="true">
          <j-editable-table
            :ref="refKeys[0]"
            :loading="fxjDh0810Table.loading"
            :columns="fxjDh0810Table.columns"
            :dataSource="fxjDh0810Table.dataSource"
            :maxHeight="300"
            :rowNumber="true"
            :rowSelection="true"
            :actionButton="true"
          />
        </a-tab-pane>
      </a-tabs>
    </a-spin>
  </a-modal>
</template>

<script>
import pick from 'lodash.pick'
import { FormTypes, getRefPromise } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import JDate from '@/components/jeecg/JDate'

export default {
  name: 'FxjDh08Modal',
  mixins: [JEditableTableMixin],
  components: {
    JDate
  },
  data() {
    return {
      labelCol: {
        span: 6
      },
      wrapperCol: {
        span: 16
      },
      labelCol2: {
        span: 3
      },
      wrapperCol2: {
        span: 20
      },
      // 新增时子表默认添加几行空数据
      addDefaultRowNum: 1,
      validatorRules: {
        createBy: {},
        createTime: {},
        updateBy: {},
        updateTime: {},
        sysOrgCode: {},
        query01: {},
        query02: {},
        query03: {},
        query04: {},
        query05: {},
        query06: {},
        query07: {},
        query08: {},
        query09: {},
        query10: {},
        query11: {},
        query12: {},
        query13: {},
        query14: {},
        query15: {},
        query16: {},
        query17: {},
        query18: {},
        query19: {},
        query20: {},
        query21: {},
        query22: {},
        query23: {},
        query24: {},
        query25: {},
        query26: {},
        query27: {},
        query28: {},
        query29: {},
        query30: {},
        query31: {},
        query32: {},
        query33: {},
        query34: {},
        query35: {},
        query36: {},
        query37: {},
        query38: {},
        query39: {}
      },
      refKeys: ['fxjDh0810'],
      tableKeys: ['fxjDh0810'],
      activeKey: 'fxjDh0810',
      // 微信催收记录
      fxjDh0810Table: {
        loading: false,
        dataSource: [],
        columns: [
          // {
          //   title: '创建人',
          //   key: 'createBy',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '创建日期',
          //   key: 'createTime',
          //   type: FormTypes.date,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '更新人',
          //   key: 'updateBy',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '更新日期',
          //   key: 'updateTime',
          //   type: FormTypes.date,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '所属部门',
          //   key: 'sysOrgCode',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '外键ID',
          //   key: 'query01',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '是否有效',
          //   key: 'query02',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          {
            title: '逾期状态',
            key: 'query03',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '逾期备注',
            key: 'query04',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '逾期时间',
            key: 'query05',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '处理人',
            key: 'query06',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '处理意见',
            key: 'query07',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '处理时间',
            key: 'query08',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '逾期金额',
            key: 'query09',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '催回金额',
            key: 'query10',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '还款渠道',
            key: 'query11',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '催收附件',
            key: 'query12',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '处理类型',
            key: 'query13',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '消息接收人',
            key: 'query14',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '接收消息',
            key: 'query15',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          },
          {
            title: '接收附件',
            key: 'query16',
            type: FormTypes.input,
            width: '200px',
            placeholder: '请输入${title}',
            defaultValue: ''
          }
          // {
          //   title: '备用12',
          //   key: 'query17',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用12',
          //   key: 'query18',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用12',
          //   key: 'query19',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用12',
          //   key: 'query20',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用12',
          //   key: 'query21',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用13',
          //   key: 'query22',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用14',
          //   key: 'query23',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用15',
          //   key: 'query24',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用16',
          //   key: 'query25',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用17',
          //   key: 'query26',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用18',
          //   key: 'query27',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用19',
          //   key: 'query28',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用20',
          //   key: 'query29',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用21',
          //   key: 'query30',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用22',
          //   key: 'query31',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用23',
          //   key: 'query32',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用24',
          //   key: 'query33',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用25',
          //   key: 'query34',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用26',
          //   key: 'query35',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用27',
          //   key: 'query36',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用28',
          //   key: 'query37',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用29',
          //   key: 'query38',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
          // {
          //   title: '备用30',
          //   key: 'query39',
          //   type: FormTypes.input,
          //   width:"200px",
          //   placeholder: '请输入${title}',
          //   defaultValue: '',
          // },
        ]
      },
      url: {
        add: '/fxjdh/fxjDh08/add',
        edit: '/fxjdh/fxjDh08/edit',
        fxjDh0810: {
          list: '/fxjdh/fxjDh08/queryFxjDh0810ByMainId'
        }
      }
    }
  },
  methods: {
    getAllTable() {
      let values = this.tableKeys.map(key => getRefPromise(this, key))
      return Promise.all(values)
    },
    /** 调用完edit()方法之后会自动调用此方法 */
    editAfter() {
      let fieldval = pick(
        this.model,
        'createBy',
        'createTime',
        'updateBy',
        'updateTime',
        'sysOrgCode',
        'query01',
        'query02',
        'query03',
        'query04',
        'query05',
        'query06',
        'query07',
        'query08',
        'query09',
        'query10',
        'query11',
        'query12',
        'query13',
        'query14',
        'query15',
        'query16',
        'query17',
        'query18',
        'query19',
        'query20',
        'query21',
        'query22',
        'query23',
        'query24',
        'query25',
        'query26',
        'query27',
        'query28',
        'query29',
        'query30',
        'query31',
        'query32',
        'query33',
        'query34',
        'query35',
        'query36',
        'query37',
        'query38',
        'query39'
      )
      this.$nextTick(() => {
        this.form.setFieldsValue(fieldval)
      })
      // 加载子表数据
      if (this.model.id) {
        let params = { id: this.model.id }
        this.requestSubTableData(this.url.fxjDh0810.list, params, this.fxjDh0810Table)
      }
    },
    /** 整理成formData */
    classifyIntoFormData(allValues) {
      let main = Object.assign(this.model, allValues.formValue)

      return {
        ...main, // 展开
        fxjDh0810List: allValues.tablesValue[0].values
      }
    },
    validateError(msg) {
      this.$message.error(msg)
    },
    popupCallback(row) {
      this.form.setFieldsValue(
        pick(
          row,
          'createBy',
          'createTime',
          'updateBy',
          'updateTime',
          'sysOrgCode',
          'query01',
          'query02',
          'query03',
          'query04',
          'query05',
          'query06',
          'query07',
          'query08',
          'query09',
          'query10',
          'query11',
          'query12',
          'query13',
          'query14',
          'query15',
          'query16',
          'query17',
          'query18',
          'query19',
          'query20',
          'query21',
          'query22',
          'query23',
          'query24',
          'query25',
          'query26',
          'query27',
          'query28',
          'query29',
          'query30',
          'query31',
          'query32',
          'query33',
          'query34',
          'query35',
          'query36',
          'query37',
          'query38',
          'query39'
        )
      )
    }
  }
}
</script>

<style scoped></style>
